$(function () {
  // 点击去注册按钮
  $('#link_reg').on('click', function () {
    $('.reg-box').show();
    $('.login-box').hide();
  })

  // 点击去登陆按钮
  $('#link_login').on('click', function () {
    $('.reg-box').hide();
    $('.login-box').show();
  })

  // 定义校验规则
  const {form, layer} = layui;
  // const layer = layui.layer;
  form.verify({
    // 密码的校验规则
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    repwd: function (value) {
      // value：确认密码框的值
      // 只需要密码框的值和确认密码框值不一致即可
      // pwd：原密码框的内容
      const pwd = $('.reg-box [name=password]').val();
      if (pwd !== value) {
        return '密码不一致'
      }
    }
  })

  // 监听注册表单的submit事件
  $('#formReg').on('submit', function (e) {
    // 阻止默认提交
    e.preventDefault();
    $.ajax({
      url: '/api/reguser',
      method: 'POST',
      data: {
        username: $('.reg-box [name=username]').val(),
        password: $('.reg-box [name=password]').val(),
      },
      success(res) {
        // 判断服务器端响应的结果，如果status不为0，说明请求失败
        if (res.status !== 0) {
          // layer提示错误消息
          return layer.msg(res.message);
        }
        layer.msg('注册成功');
        // 注册成功跳转登录界面
        $('#link_login').click();
      }
    })
  })
  $('#formLogin').on('submit', function (e) {
    e.preventDefault();
    $.ajax({
      url: '/api/login',
      method: 'POST',
      data: $(this).serialize(),
      success(res) {
        console.log(res);
        if (res.status !== 0) {
          return layer.msg('登录失败')
        }

        // 成功
        layer.msg('登录成功');
        // 保存token
        localStorage.setItem('token', res.token);
        location.href = '/index.html';
      }
    })
  })
})
